<template>
	<view class="content">
		<text style="font-size: 50rpx; font-weight: bold; ">子组件A</text>
		<view class="coma_box">
			<text>父组件传进来的值：</text>
			<text style="font-weight: bold; color: orangered;">{{intent}}</text>
		</view>
		<button @click="sendData()" class="send-btn">传值给CompB组件</button>
	</view>
</template>

<script>
	export default {
		props: ['intent'],
		data() {
			return {};
		},
		methods: {
			sendData() {
				console.warn("----CompA----sendData------->" + this.intent);
				uni.$emit('getIntent', this.intent);
			}
		}
	}
</script>

<style>
	/* 子组件A背景：橙色 */
	.content {
		background-color: #ccff99; /* 橙色背景 */
		padding: 30rpx;
		margin: 20rpx 0;
	}
	.coma_box {
		margin: 20rpx 0;
		font-size: 32rpx;
	}
	/* 按钮样式：蓝色背景+白色文字 */
	.send-btn {
		background-color: #1677ff; /* 蓝色 */
		color: #fff; /* 白色文字 */
		font-size: 32rpx;
		padding: 15rpx 0;
		width: 100%;
		border-radius: 8rpx;
	}
</style>